<template>
  <a id="post_title" :href="post.url">{{post.title}}</a>
</template>

<script>
  export default {
    name: 'blog-post',
    props: ['post'],
  }
</script>

<style scoped>
  a {
    font-size: 16px;
    text-shadow: 5px 5px 5px #42b983;
    font-style: oblique;
    font-weight: bolder;
  }
</style>
